.el-button-block {
  display: block;
  width: 100%;
}
.el-menu { border-right: none; }

/* 侧栏菜单样式 */
li.el-submenu {
  .el-menu-item { background-color: #2f4357 !important; }
  &.is-opened {
      .el-submenu__title { background-color: #f56c6c !important; }
      .el-menu-item {
          &.is-active {
              background-color: rgba(245, 108, 108, .2) !important;
          }
      }
  }
}

/* table */
.table-ui {
  .el-table-column--selection .cell { padding: 0 !important; }
  th>.cell { font-weight: bold !important; color: #344a5f !important; }
  td, th, .cell { text-align: center !important; }
}

/* info category */
.category-button-mini {
  padding: 6px 10px !important;
  font-size: 12px !important;
}

/* upload */
.el-upload {
  border: 1px dashed #d9d9d9;
  border-radius: 6px;
  cursor: pointer;
  position: relative;
  overflow: hidden;
}
.avatar-uploader .el-upload:hover {
  border-color: $color_main;
}
.avatar-uploader-icon {
  font-size: 28px;
  color: #8c939d;
  width: 178px;
  height: 178px;
  line-height: 178px;
  text-align: center;
}
.avatar {
  width: 178px;
  height: 178px;
  display: block;
}

/* DateTimePicker */
.el-picker-panel { z-index: 20000 !important; }